<layout name='layout_page' />

<div class="row">
	<div class="col-lg-12">
		<div class="row">
			<div class="col-lg-12">
				<ol class="breadcrumb">
					<li><a href="<{:U('Index/index')}>">Home</a></li>
					<li class="active"><span>Announcements</span></li>
				</ol>
				<h1>Announcements</h1>
			</div>
		</div>

		<div class="row">
			<div class="col-lg-12">
				<div class="main-box clearfix">
					<div class="main-box-body clearfix">
						<div class="table-responsive clearfix">
							<table class="table user-list table-hover">
								<thead>
									<tr>
										<th>Title</th>
										<th class="text-center" width="130"><span>Time</span></th>
									</tr>
								</thead>
								<tbody>
									<volist name="list" id="vo">
									<tr>
										<td class="emailTitle"><a href="javascript:void(0)" onclick="showModel('<{:U('Notice/view',array('id'=>$vo['id']))}>')"><eq name="vo.isread" value="0"><span class="label label-danger">New</span> <strong><{$vo.title}></strong><else/><{$vo.title}></eq></a>
										</td>
										<td><{$vo.createTime|date="F,d,Y H:i:s",###}></td>
									</tr>
									</volist>									
								</tbody>
							</table>
						</div>
					</div>
				</div>
			</div>
		</div>


		<script>
		function showModel(remote){
		  $('#myModal').modal({
		    remote : remote
		  });

		  $("#myModal").on("hidden.bs.modal", function() {
		    $(this).removeData("bs.modal");
		  })
		}
		</script>     
		<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
		  <div class="modal-dialog" role="document">
		      <div class="modal-content"></div>
		  </div>
		</div>

	

		<div class="row">
			<div class="col-md-12">
				<div class="page">
					<nav>
	  					<ul class="pagination"><{$page}></ul>
	  				</nav>
	  			</div>
			</div>
		</div>	
	</div>
</div>